/*!
 * 
 *       安全警告！
 *       此功能专供开发者使用。
 *       请不要在此粘贴执行任何内容，
 *       这可能会导致您的账户受到攻击，给您带来损失 ！
 *       author:D
 *       corporation:D
 *
 */
:root,
body {
  margin: 0;
  height: 100%;
}
body {
  -webkit-perspective: 2000px;
          perspective: 2000px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
@-webkit-keyframes rote {
  from {
    -webkit-transform: translate(-50%, -50%) rotatey(0deg);
            transform: translate(-50%, -50%) rotatey(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotatey(360deg);
            transform: translate(-50%, -50%) rotatey(360deg);
  }
}
@keyframes rote {
  from {
    -webkit-transform: translate(-50%, -50%) rotatey(0deg);
            transform: translate(-50%, -50%) rotatey(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotatey(360deg);
            transform: translate(-50%, -50%) rotatey(360deg);
  }
}
div {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 300px;
  height: 300px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: rote 20s linear infinite;
          animation: rote 20s linear infinite;
}
img {
  position: absolute;
  width: 300px;
  background-color: #ff0000;
  /* backface-visibility: hidden; */
}
img:nth-of-type(1) {
  -webkit-transform: rotatey(45deg) translatez(500px);
      -ms-transform: rotatey(45deg) translatez(500px);
          transform: rotatey(45deg) translatez(500px);
}
img:nth-of-type(2) {
  -webkit-transform: rotatey(90deg) translatez(500px);
      -ms-transform: rotatey(90deg) translatez(500px);
          transform: rotatey(90deg) translatez(500px);
}
img:nth-of-type(3) {
  -webkit-transform: rotatey(135deg) translatez(500px);
      -ms-transform: rotatey(135deg) translatez(500px);
          transform: rotatey(135deg) translatez(500px);
}
img:nth-of-type(4) {
  -webkit-transform: rotatey(180deg) translatez(500px);
      -ms-transform: rotatey(180deg) translatez(500px);
          transform: rotatey(180deg) translatez(500px);
}
img:nth-of-type(5) {
  -webkit-transform: rotatey(225deg) translatez(500px);
      -ms-transform: rotatey(225deg) translatez(500px);
          transform: rotatey(225deg) translatez(500px);
}
img:nth-of-type(6) {
  -webkit-transform: rotatey(270deg) translatez(500px);
      -ms-transform: rotatey(270deg) translatez(500px);
          transform: rotatey(270deg) translatez(500px);
}
img:nth-of-type(7) {
  -webkit-transform: rotatey(315deg) translatez(500px);
      -ms-transform: rotatey(315deg) translatez(500px);
          transform: rotatey(315deg) translatez(500px);
}
img:nth-of-type(n+8) {
  width: 100px;
}
img:nth-of-type(8) {
  -webkit-transform: rotatey(360deg) translatez(500px);
      -ms-transform: rotatey(360deg) translatez(500px);
          transform: rotatey(360deg) translatez(500px);
}
img:nth-of-type(9) {
  -webkit-transform: rotatey(45deg) translatez(150px);
      -ms-transform: rotatey(45deg) translatez(150px);
          transform: rotatey(45deg) translatez(150px);
}
img:nth-of-type(10) {
  -webkit-transform: rotatey(90deg) translatez(150px);
      -ms-transform: rotatey(90deg) translatez(150px);
          transform: rotatey(90deg) translatez(150px);
}
img:nth-of-type(11) {
  -webkit-transform: rotatey(135deg) translatez(150px);
      -ms-transform: rotatey(135deg) translatez(150px);
          transform: rotatey(135deg) translatez(150px);
}
img:nth-of-type(12) {
  -webkit-transform: rotatey(180deg) translatez(150px);
      -ms-transform: rotatey(180deg) translatez(150px);
          transform: rotatey(180deg) translatez(150px);
}
img:nth-of-type(13) {
  -webkit-transform: rotatey(225deg) translatez(150px);
      -ms-transform: rotatey(225deg) translatez(150px);
          transform: rotatey(225deg) translatez(150px);
}
img:nth-of-type(14) {
  -webkit-transform: rotatey(270deg) translatez(150px);
      -ms-transform: rotatey(270deg) translatez(150px);
          transform: rotatey(270deg) translatez(150px);
}
img:nth-of-type(15) {
  -webkit-transform: rotatey(315deg) translatez(150px);
      -ms-transform: rotatey(315deg) translatez(150px);
          transform: rotatey(315deg) translatez(150px);
}
img:nth-of-type(16) {
  -webkit-transform: rotatey(360deg) translatez(150px);
      -ms-transform: rotatey(360deg) translatez(150px);
          transform: rotatey(360deg) translatez(150px);
}

